@charset "utf-8";
/*分享*/
.share_1 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.share_1 a {
    text-align: center;
    margin-left: 6px;
    padding: 4px;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 1px #eee solid;
    cursor: pointer;
}
.share_1 a svg {
    width: 20px;
    height: 20px;
}
.share_1 a.qqzone svg {
    fill: #fecc2f;
}
.share_1 a.qq svg {
    fill: #0085ff;
}
.share_1 a.weibo svg {
    fill: #ec4141;
}
.share_1 a.weixin svg {
    fill: #25d38a;
}

.share_1 a.weixin:hover{
    background-color:#25d38a;
}
.share_1 a.weixin:hover svg{
    fill: #FFF;
}
.share_1 a.weibo:hover{
    background-color:#ec4141;
}
.share_1 a.weibo:hover svg{
    fill: #FFF;
}
.share_1 a.qq:hover{
    background-color:#0085ff;
}
.share_1 a.qq:hover svg{
    fill: #FFF;
}
.share_1 a.qqzone:hover{
    background-color:#fecc2f;
}
.share_1 a.qqzone:hover svg {
    fill: #FFF;
}

/*相册*/
.fly-case-header{position: relative; height: 260px; text-align: center; background: #393D49;}
.fly-case-year{position: absolute; top: 30px; width: 100%; line-height: 50px; font-size: 50px; text-align: center; color: #fff; font-weight: 300;}
.fly-case-banner{position: absolute; left: 50%; top: 100px; width: 670px; margin-left: -335px;}
.fly-case-btn{position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center;}
.fly-case-btn a{color: #fff;}
.fly-case-btn .layui-btn-primary{background: none; color: #fff;}
.fly-case-btn .layui-btn-primary:hover{border-color: #5FB878;}

.fly-case-tab{margin-top: 20px; text-align: center;}
.fly-case-tab span,
.fly-case-tab span a{border-color: #009688;}
.fly-case-tab .tab-this{background-color: #009688; color: #fff;}

.fly-case-list{margin-top: 15px; font-size: 0;}
.fly-case-list li,
.layer-ext-ul li{display: inline-block; vertical-align: middle; *display: inline; *zoom:1; font-size: 14px; background-color: #fff;}
.fly-case-list{width: 110%;}
.fly-case-list li{width: 239px; margin: 0 15px 15px 0; padding: 10px;}
.fly-case-list li:hover{box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
.fly-case-img{position: relative; display: block;}
.fly-case-img img{width: 239px; height: 150px;}
.fly-case-img .layui-btn{display: none; position: absolute; bottom: 20px; left: 50%; margin-left: -29px;}
.fly-case-img:hover .layui-btn{display: inline-block;}
.fly-case-list li h2{padding: 10px 0 5px; line-height: 22px; font-size: 18px; white-space: nowrap; overflow: hidden; text-align: center;}
.fly-case-desc{height: 60px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden;}
.fly-case-info{position: relative; margin: 10px 0 0; padding: 10px 65px 0 45px; border-top: 1px dotted #eee;}
.fly-case-info p{height:24px; line-height: 24px;}
.fly-case-user{position: absolute; left: 0; top: 15px; width: 35px; height: 35px;}
.fly-case-user img{width: 35px; height: 35px; border-radius: 100%;}
.fly-case-info .layui-btn{position: absolute; right: 0; top: 15px;  padding: 0 15px;}
.layer-ext-ul{margin: 10px; max-height: 500px;}
.layer-ext-ul img{width: 50px; height: 50px; border-radius: 100%;}
.layer-ext-ul li{margin: 8px;}
.layer-ext-case .layui-layer-title{border: none; background-color: #009688; color: #fff;}


@media screen and (max-width: 768px) {
    .fly-main{width: 100%;}

    /* 案例 */
    .fly-case-list,
    .fly-case-list li{width: 100%;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
    .fly-case-img{text-align: center;}
    .fly-case-img img{max-width: 100%;}
    .fly-case-banner{width: 300px; margin-left: -150px;}

    body .fly-user-main{width: auto;}
    .fly-user-main>.layui-nav{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
    .fly-user-main>.fly-panel-user{width: auto; margin-left: 0; transition: all .3s; -webkit-transition: all .3s;}
    .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .site-mobile .site-tree-mobile{display: none !important;}
    .site-mobile .fly-user-main>.layui-nav{left: 0;}
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.9); z-index: 999;}
}


/* css */
*{margin: 0;padding: 0}
body{font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #555;background-color: #f6f6f6;line-height: 1.5;}
img{border: 0;display: block}
ul, li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;color: #00A7EB;}
.clear{clear: both;}
.blank{height: 20px;overflow: hidden;width: 100%;margin: auto;clear: both}
.blank100{height: 100px;overflow: hidden;width: 100%;margin: auto;clear: both}
.f_l{float: left}
.f_r{float: right}
.mt20{margin-top: 20px}
.mt80{margin-top: 80px}
header{width: 100%;background: rgba(255,255,255,1);}
article{width: 1140px;margin: 80px auto 0;overflow: hidden}
.tophead{width: 1200px;margin: 0 auto 10px;overflow: hidden;}
header{position: fixed;top: 0;z-index: 99999}
.container{width: 1140px;margin: 20px auto}
.sub_class_title{text-align: center;margin: 20px auto}
.sub_class_title h1{font-size: 28px;line-height: 42px;text-transform:Capitalize;text-align: center;font-family: Circular, PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC" !important;}
.sub_class_title span{font-size: 12px;color: #999;letter-spacing: 2px;}
.sub_class_more{text-align: center;}
.sub_class_more .moreBtn{padding: 0 45px;display: inline-block;text-align: center;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #eee;color: #aaa;line-height: 34px;overflow: hidden;}
.sub_class_more .moreBtn:hover{background: #00A7EB;color: #fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}

/*nav*/
.logo{float: left;margin-right: 80px;font-size: 24px;font-weight: bold;color: #fbfbfb;}
.logo a{color: #fbfbfb;}
.menu{height: 60px;line-height: 60px;width: 100%;background-color: rgba(0,139,139,0.9);border-bottom: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,0,0,.04);z-index: 9999}
.nav{height: 60px;width: 1140px;margin: 0 auto;z-index: 99}
.nav li{position: relative;float: left;width: 100px;text-align: center;display: block;font-size: 16px;margin-right: 5px;}
.nav li a{color: #fbfbfb;padding: 0 0px;display: inline-block;}
.nav li a:hover{color: #fbfbfb;}
.nav li .sub-nav{position: absolute;top: 60px;width: 200px;background: #FFF;left: -20px;display: none;}
.nav li .sub-nav li{clear: left;height: 35px;line-height: 35px;position: relative;width: 150px;/**/padding: 5px 20px}
.nav li .sub-nav li a{display: block;font-size: 15px;font-weight: 400;color: #404040;line-height: 35px;background: #fff;text-align: left;padding: 0px 3px}
.nav li .sub-nav li a:hover{color: #000;border-left: 2px solid #000;}


#topnav li .sub-nav li a:hover{font-size: 15px;font-weight: 400;color: #404040;line-height: 35px;background: #fff;text-align: left;padding: 0px 3px}
#topnav_current{color: #00A7EB;}
#topnav_current, #topnav li a:hover, #topnav #selected, .selected > a{background: #3690cf;display: block;color: #fff;}
/*search*/
.searchbox { position: absolute; right: 0; top:0 }
.search_bar { position: relative; width: 0%; min-width: 60px; height: 60px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.search_bar .input { position: absolute; top: 16px; right: 0; border: none; outline: none; height: 30px; line-height: 30px; z-index: 10; font-size: 16px; color: #333; background: none }
.search_ico, .search_btn { width: 60px; height: 60px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; cursor: pointer; }
.search_ico { z-index: 90; }
.search_open { width: 200px; display: inline-block;    padding-left: 10px; }
.search_open.search_bar .input { border-bottom: #222 1px solid; background: #fff; width: 200px;padding-left: 10px; }
.search_ico span { position: relative; top: 20px; }
.search_ico span:before {content: ' ';position: absolute;width: 12px;height: 12px;border: 1px solid #666;border-radius: 10px;}
.search_ico span:after { content: ' '; position: absolute; width: 12px; height: 4px; background: #666; border-radius: 5px 0 0 5px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.search_ico span:before { top: 0; left: 0; }
.search_ico span:after { right: -22px; top: 14px; }
#show{position: absolute;padding: 20px}


/*phone nav*/
#mnav{display: none;width: 100%;position: fixed;top: 0;right: 0;}
.mlogo{color: #fff;line-height: 50px;font-size: 22px;float: left;padding-left: 20px}
#mnav h2{text-align: center;color: #fff;font-size: 20px;height: 50px;line-height: 50px;width: 100%;background-color: rgba(0,139,139,0.9);font-weight: bold;}
#mnav h2.open{text-align: center;width: 100%;}
#mnav dl{display: none;background:#009688;;width: 100%;padding-bottom: 40px}
#mnav .list_dt{line-height: 40px;vertical-align: top;font-size: 16px;display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #464646;margin: 0 20%}
#mnav h2 .navicon{float: left;margin-left: 15px; margin-top: 20px;}
.navicon{display: inline-block;position: relative;width: 30px;height: 5px;background-color: #FFFFFF;}
.navicon:before, .navicon:after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before{margin-top: -10px;}
.navicon:after{margin-top: 10px;}
/* open*/
#mnav h2.open .navicon{background: none}
/* hidden*/
#mnav h2.open .navicon:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#mnav h2.open .navicon:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#mnav h2.open .navicon:before, #mnav h2.open .navicon:after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
#mnav .list_dt a{color: #FFF}

.list_dd{display: none;}
.list_dd ul li{text-align: center;line-height: 36px;}
.list_dd ul li a{color: white}
/*cd-top*/
.cd-top{display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center ;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible{visibility: visible;opacity: 1;}
/*footer*/
footer{width: 100%;background: #333;color: #a5a4a4;text-align: center;padding: 20px 0;clear: both;}
footer a{color: #a5a4a4}





/*留言*/
.gbook{padding:10px;}
.gbook .book_title{color: #333;font-size: 21px;margin-bottom: 10px;}
.gbook p{color: #9a9a9a;font-size: 12px;line-height: 22px;}
.message_table{width: 600px;margin: 10px auto 0;}
.gbook .input_text{border: 1px solid #d0d0d0;padding: 2px;height: 25px;line-height: 25px;width: 300px;font-size: 12px;outline: none;}
.gbook .textarea_text{padding: 3px;border: 1px solid #d0d0d0;outline: none;}
.gbook .submit{height: 35px;width: 300px;line-height: 35px;color: #fff;background: #09c;cursor: pointer;border: none;outline: none;transition: all 0.3s;}
.gbook .submit:hover{background: #018dbc;}
.gbook .book_title{font-size: 16px;color: #565656;margin: 10px 0;}
#guestbook_show{margin: 0px;}
.gbook .guestbook_list{padding: 10px;background: #fafafa;border: 1px solid #dadada;line-height: 25px;margin-bottom: 10px;color: #888;}
.gbook .book_head{font-size: 12px;border-bottom: 1px dashed #8e8e8e;padding: 5px 0;}
.gbook .book_content{margin: 10px 0;}

/*分页*/
.pagination {}
.pagination li {display: inline-block;margin: 0 3px; padding: 2px 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;width: 25px;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}



.gbook td img{display: initial;}
.xing{padding-left: 15px;color: red;}
.news_infos ul p{text-indent: 2em;margin-bottom: 10px;}